//引入运行时的Vue
import Vue from 'vue'
//引入App组件
import App from './App.vue'
//按需引入element-ui组件
import { Button, Row, DatePicker } from 'element-ui';

//按需注册全局组件
Vue.component(Button.name, Button) //Button.name就是 el-button
Vue.component(Row.name, Row)
Vue.component(DatePicker.name, DatePicker)

/*
  搭建element-ui（全部引入）
  1.安装 npm i element-ui
  2.引入element-ui组件库和样式
  3.使用插件 Vue.use(ElementUI)
  4.在需要使用element组件的地方写组件标签
*/

//完整引入
/*
//引入element-ui组件库
import ElementUI from 'element-ui'
//引入element-ui样式（全部样式）
import 'element-ui/lib/theme-chalk/index.css'
*/

//关闭生产提示
Vue.config.productionTip = false
//使用ElementUi（所有组件全部引入）
// Vue.use(ElementUI)


/*
  搭建element-ui（按需引入）
  1.安装 npm install babel-plugin-component -D
  2. 调整babel.config.js为
    module.exports = {
      presets: [
        '@vue/cli-plugin-babel/preset',
        ["@babel/preset-env", { "modules": false }]
      ],
      plugins: [
        [
          "component",
          {
            "libraryName": "element-ui",
            "styleLibraryName": "theme-chalk"
          }
        ]
      ]
    }
  3.按需导入组件 import { Button, Select } from 'element-ui';
  4.按需注册全局组件 Vue.component(Button.name, Button)
  5.上述操作完成后，使用组件时会自动分析样式并自动引入，不需要再全局引入index.css
  注意：如果启动时显示 Cannot find module 'babel-preset-es2015' 等错误，需要执行npm i xxx 安装
*/

//创建vm
new Vue({
  el: '#app',
  render: h => h(App),
})